/* 
  学习目标：了解Hooks使用限制
  */

import React, { useState } from 'react';
export default function App() {
  // 1 hooks不能在if语句中使用
  // 2 for语句也不行
  // 3 普通的函数也不行

  const [count, setCount] = useState(0);
  //  一般写再和return 同级
  return (
    <div>
      <h1> count的值： {count}</h1>
      <button onClick={() => setCount(count + 1)}>点击+1</button>
    </div>
  );
}

//
// function add() {
//   const [count, setCount] = useState(0);
// }

// 特殊的函数- 自定义钩子函数use开头
export function useUser() {
  const [count, setCount] = useState(0);
  return {
    count,
    setCount,
  };
}
